import Vue from 'vue'
import VueRouter from 'vue-router'
import Home from '../views/Home.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    component: Home
  },
  {
    path: '/about',
    name: 'About',
    component: () => import('../views/About.vue'),
    children:[
      {
        path:'/xitong',
        name:'xitong',
        component:()=>import('../views/xitong.vue')
      },
      {
        path:'/dash',
        name:'dash',
        component:()=>import('../views/dash.vue')
      },
      {
        path:'/dashboard',
        name:'dashboard',
        component:()=>import('../views/dashboard.vue')
      },
      {
        path:'/swiper',
        name:'swiper',
        component:()=>import('../views/swiper.vue')
      },
      {
        path:'/rexiao',
        name:'rexiao',
        component:()=>import('../views/rexiao.vue')
      },
      {
        path:'/xinpin',
        name:'xinpin',
        component:()=>import('../views/xinpin.vue')
      },
      {
        path:'/tuijian',
        name:'tuijian',
        component:()=>import('../views/tuijian.vue')
      },
      {
        path:'/fenlei',
        name:'fenlei',
        component:()=>import('../views/fenlei.vue')
      },
      {
        path:'/shangpin',
        name:'shangpin',
        component:()=>import('../views/shangpin.vue')
      },
      {
        path:'/huiyuan',
        name:'huiyuan',
        component:()=>import('../views/huiyuan.vue')
      },
      {
        path:'/dingdan',
        name:'dingdan',
        component:()=>import('../views/dingdan.vue')
      },
      {
        path:'/xuigai',
        name:'xuigai',
        component:()=>import('../views/xuigai.vue')
      }
    ]
  }
]

const router = new VueRouter({
  routes
})

export default router
